var  grapeshover=document.querySelector("#grapes_hover");
var  grapesdiva=document.querySelector("#nav_junp>div:nth-child(2)>a");
var  keepout=document.querySelector("#keepout");
var t=0;
var timer=null;
grapesdiva.onmouseover=function(){
		timer=setInterval(function(){
			if (t<200) {
			t+=20;	
			}
		   grapeshover.style.height=t+"px";
		  keepout.style.display="block";
	},50)
}
grapesdiva.onmouseout=function(){
	       clearInterval(timer);
	       t=0;
		   grapeshover.style.height=t+"px";
		   keepout.style.display="none";
}

keepout.onmouseover=function(){
	        t=200;
            keepout.style.display="block";
			 grapeshover.style.height=t+"px";
}
keepout.onmouseout=function(){
	        t=0;
            keepout.style.display="none";
			 grapeshover.style.height=t+"px";
}